<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
  #all {margin-left:auto; margin-right:auto; text-align: center;width: 540px;}
  body {text-align:center;}
  #main {background:url(./style/login/login_mid.gif); height:240px; text-align:center;}
  #title {height:66px;margin-top: 120px;}
  #login { margin-top: 0px; width: 420px; margin-left: auto; margin-right:auto;}
  
  #top_left {background: url("./style/login/top_left_bg.gif") no-repeat; width:21px; height:20px; float:left;}
  #top_mid {background: url("./style/login/top_mid_bg.gif"); width:498px; height:20px; float:left;}
  #top_right {background:url(./style/login/top_right_bg.gif) no-repeat; width:21px; height:20px; float:left;}
  
  #btm_left {background:url("./style/login/login_btm_left.gif") no-repeat; width:21px; height: 21px; float:left;}
  #btm_mid {background:url("./style/login/login_btm_mid.gif"); width:498px; height: 21px; float:left;}
  #btm_right {background:url(./style/login/login_btm_right.gif) no-repeat; width:21px; height: 21px; float:left;}
  
</style>
<script type="text/javascript" language="javascript">
  function reset_form() {
    document.getElementById('username').value = '';
    document.getElementById('password').value = '';
    return false;
  }
</script>
</head>

<body>
  <div id="all">
    <div id="title"><img src="./style/login/login_title.gif" /></div>
    <div id="top">
      <div id="top_left"></div>
      <div id="top_mid"></div>
      <div id="top_right"></div>
    </div>
    <div id="main">
      <form action="" method="post" id="login_form">
        <table id="login">
          <tr>
            <td><b>用户</b></td>
            <td>
              <input type="text" name="username" id="username" size="32" 
                style="background:url(./style/login/username_bg.gif) left no-repeat #FFF; border:1px #ccc solid;height: 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: 800; margin:0; padding-left: 24px;" /></td>
            </tr>
            <tr height="30px">
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td><b>密码</b></td>
              <td>
                <input type="password" name="password" id="password" size="32" 
                  style="background:url(./style/login/password_bg.gif) left no-repeat #FFF; border: 1px #ccc solid; height: 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: 800; margin:0; padding-left: 24px;" />
              </td>
            </tr>
            <tr height="20px">
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td></td>
              <td style="text-align: left; padding-top: 32px;">
                <input type="image" src="./style/login/login.gif" name="submit" onclick="javascript:document.getElementById('login_form').submit();" />&nbsp;&nbsp;&nbsp;
                <input type="image" src="./style/login/cancel.gif" name="cancel" onclick="reset_form();" />
              </td>
            </tr>
        </table>
        </form>
    </div>
    <div id="btm">
        <div id="btm_left"></div>
        <div id="btm_mid"></div>
        <div id="btm_right"></div>
    </div>
</div>
</body>
</html>